<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>19_CSS复合选择器-后代选择器</title>

        <style>
            /* 后代选择器  是使用空格的方式来标识
                选择器 选择器
            */
            .uu li {
                color: red;
            }
        </style>
    </head>
    <body>
        <ul>
            <li>
                水浒传
                <ul class="uu">
                    <li>潘金莲</li>
                    <li>扈三娘</li>
                    <li>顾大嫂
                        <ul>
                            <li>马蓉</li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li>
                三国演义
                <ul class="uu">
                    <li>大乔</li>
                    <li>小乔</li>
                    <li>貂蝉</li>
                </ul>
            </li>
            <li>西游记</li>
            <li>红楼梦</li>
        </ul>
    </body>
</html>